So there is an error or something wrong with the webkit for my pet Augusto. The "Escape" text is supposed to be a link to the third story but it doesn't function. Appreantly it works on select browsers but it doesn't work in Chrome or Firefox.
<style type="text/css">
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: ;
}
::-webkit-scrollbar-track {
-webkit-border-radius: 0px;
border-radius: 0px;
background: ;
}
::-webkit-scrollbar-thumb:window-inactive {
-webkit-border-radius: 0px;
border-radius: 0px;
background: ;
}
{
position: absolute;
top: 245px;
left: 655px;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
{
position: absolute;
top: 245px;
left: 818px;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
{
position: absolute;
top: 245px;
left: 975px;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
{
position: absolute;
top: 480px;
left: 828px;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-O-transition: opacity .5s linear;
-O-transition: .5s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
{
position: absolute;
width: 330px;
height: 220px;
top: 260px;
left: 670px;
overflow: hidden;
}
, , , {
display: block;
width: 330px;
height: 220px;
top: 0px;
left: 0px;
overflow: auto;
}
, , body, , , {
background-color: transparent;
}
, , , -ban, -ban-main,
-lrc, -rrc, , -right, , ,
, , h2, ,
h2, ,
, ,
.pet_age_info_date, .pet_age_info, .pet_wco_info,
.pet_wco_info_date, .pet_name, {
display: none;
}
body {
background-color: transparent;
background-image: url(http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/Augusto.png);
background-position: top left;
background-repeat: no-repeat;
height: 809px;
width: 1650px;
}
html {
background-color: ;
background-repeat: repeat-x;
background-image: url(http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoBG.png);
}
a:link, a:visited, a:active {
font-family: Verdana;
color: ;
font-size: 7pt;
text-decoration: none;
}
a:hover {
font-family: Verdana;
color: ;
font-size: 7pt;
}
b {
font-family: Times New Roman;
font-size: 8pt;
color: ;
line-height: 10pt;
}
u {
font-family: Century Gothic;
font-size: 7pt;
letter-spacing: 1px;
color: ;
}
i {
font-size: 7pt;
letter-spacing: 1px;
color: ;
}
s {
font-family: Verdana;
font-size: 7pt;
letter-spacing: 1px;
color: ;
}
body, html, font, td, p, table, div, tr, div {
font-family: Verdana;
color: ;
font-size: 7pt;
}
{
position: relative;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
height: auto !important;
}
{
position: absolute;
top: 0px;
left: 0px;
}
, {
position: absolute;
width: 200px;
top: 0px;
left: 0px;
}
{
position: absolute;
background-image: url(http://oi40.tinypic.com/335e6b6.jpg);
height: 500px;
width: 500px;
top: 247px;
left: 136px;
filter:alpha(opacity=10);
-moz-opacity: 0.10;
opacity: 0.10;
-O-transition: opacity .3s linear;
-O-transition: .3s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .3s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-O-transition: opacity .3s linear;
-O-transition: .3s linear, freeze 100% !important;
-webkit-transition-property: opacity;
-webkit-transition-duration: .3s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: opacity;
-moz-transition-duration: .3s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
.pet_color_info {
width: 176px;
position: absolute;
text-align: right;
top: 495px;
left: 821px;
}
.owner {
width: 176px;
position: absolute;
text-align: left;
top: 495px;
left: 670px;
}
{
position: absolute;
background: url(http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoStats.png) no-repeat;
left: 336px;
top: -190px;
width: 300px;
height: 205px;
text-align: left;
font-size: 7pt;
transition: 1s;
-O-transition: .8s linear;
-O-transition: .8s ease-out, freeze 100% !important;
-webkit-transition-property: margin;
-webkit-transition-duration: .8s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: margin;
-moz-transition-duration: .8s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
:hover {
margin-top: 190px;
}
{
position: absolute;
left: 20px;
top: 5px;
width: 260px;
height: 170px;
overflow: auto;
}
.statbar {
width: 234px;
border: 1px dotted ;
background-repeat: repeat-x;
background-image: url(http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoBG.png);
}
, , , , , , {
background-repeat: repeat-x;
background-image: url(http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoBG.png);
}
.pet_spotlight {
position: absolute;
padding-top: 5px;
background: url(http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoSpot.png) no-repeat;
left: 1029px;
top: -134px;
width: 93px;
height: 138px;
text-align: center;
color: ;
font-size: 7.5pt;
transition: 1s;
-O-transition: .8s linear;
-O-transition: .8s ease-out, freeze 100% !important;
-webkit-transition-property: margin;
-webkit-transition-duration: .8s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: margin;
-moz-transition-duration: .8s;
-moz-transition-timing-function: linear, ease-out;
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}
.pet_spotlight:hover {
margin-top: 134px;
}
.pet_spotlight img {
height: 64px;
width: 64px;
}
{
background: ;
border: 10px solid ;
position: absolute;
top: -15px;
left: 642px;
width: 352px !important;
height: 0px;
overflow: hidden;
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
transition: 1s;
-O-transition: 1s linear;
-webkit-transition-property: height;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: linear, ease-out;
-moz-transition-property: height;
-moz-transition-duration: 1s;
-moz-transition-timing-function: linear, ease-out;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}
:hover {
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
width: 352px;
height: 100px;
margin-bottom: 100px;
overflow: auto;
}
.treasure_item {
height: 64px;
width: 64px;
margin-left: 4px;
margin-bottom: 4px;
}
iframe[name='google_conversion_frame'] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: 0px;
top: 1080px;
</style>
<div id="GamesL"> <a href=""><img src="http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoGames.png" /></a> </div> <div id="DerezzedL"> <a href=""><img src="http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoDerezzed.png" /></a> </div> <div id="EscapeL"> <a href=""><img src="http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoEscape.png" /></a> </div> <div id="ArtL"> <a href=""><img src="http://thegouldengirl.com/Subeta/PetProfiles/Users/Kitten/Augusto/AugustoArt.png" /></a> </div>
I would get the creator to fix it, but she has since gone inactive.
Any help would be great, Thank you!
There's an easy way to fix it, just add this to the escape div:
width: 39px;
omg I can't believe it was that easy, Thank you so much ;-;